<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html>
<head th:include="common/head :: head"></head>
<link rel="stylesheet" href="./css/stype/information.css">

<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--头部导航-->
    <div th:include="common/header :: head_home"></div>

    <!--侧边栏-->
    <div th:include="common/sidebar :: sidebar_contract"></div>
  

  
  <div class="layui-body">
      <!-- 面包屑 -->
    <span class="layui-breadcrumb">
        <a href="./">首页</a>
        <a href="">合同管理</a>
    </span>
    <!-- 内容主体区域 -->
    <div  class="top-hadoop-count">
        <div style="padding: 20px; background-color: #F2F2F2;">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-body">
                        <!-- 上部筛选 -->
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">名字：</label>
                                <div class="layui-input-inline">
                                <input type="tel" id="name" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">时间：</label>
                                <div class="layui-input-inline">
                                    <input type="text"  placeholder="开始 到 结束" class="layui-input" id="time_data">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">状态：</label>
                                <div class="layui-input-inline">
                                <input type="tel" id="type" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <button type="button" class="layui-btn layui-btn-normal" onclick="getContract()">搜索</button>
                          </div>
                          <hr>
                        <!-- 增加删除按钮 -->
                        <div class="zj-buoot">
                            <button type="button" class="layui-btn layui-btn-danger" onclick="delect_items()">删除合同</button>
                            <a href="contract-items-add.html" target="_blank"><button type="button" class="layui-btn layui-btn-normalb">增加合同</button></a>
                        </div>

                        <hr>
                        
                          <!-- 下部表格 -->
                        <table class="layui-table" lay-skin="line">
                            <colgroup>
                                <col width="20">
                                <col width="120">
                                <col width="240">
                                <col width="240">
                                <col width="150">
                                <col width="150">
                                <col width="150">
                                <col width="150">
                                <col width="150">
                                <col width="150">
                                <col width="300">
                            </colgroup>
                            <thead>
                                <tr>
                                    <th><input type="checkbox" onclick="checked_input_all(this.checked,'ggIId')"/></th>
                                    <th>编号</th>
                                    <th>合同名字</th>
                                    <th>合作公司</th>
                                    <th>合同类型</th>
                                    <th>合同金额</th>
                                    <th>经办人</th>
                                    <th>状态</th>
                                    <th>签约时间</th>
                                    <th>到期时间</th>
                                    <th>商机操作</th>
                                </tr> 
                            </thead>
                            <tbody id="contract_data">
                            </tbody>
                        </table>   
                        <div id="page_all"></div>
                    </div>
                </div>
                </div>
            </div>
        </div> 

    </div>
    
  </div>
  

</div>
<div th:include="common/js :: js"></div>
<script src="./js/contract.js"></script>

</body>
</html>